<template>
    <div>
         <el-pagination
         
        class="pageIndex"
        @current-change='changePg' 
         background
         layout="total, prev, pager, next ,jumper"
          :page-size="pageSize"
         :total="total">
        </el-pagination>
    </div>
</template>
<script>
export default {
    props:{
        total:{
            type:Number,
            default:30
        },
        pageSize:{
            type:Number,
            default:30
        }
    },
   methods:{
        changePg(num){
         this.$emit('changePage',num)
      },
   },
}
</script>
<style lang="less" scoped>
.pageIndex{
    width: 500px;
    margin: 30px auto;
    margin-bottom: 60px;
}
</style>
